<link rel="stylesheet" href="css/shop.css">
<p class="headerTop"></p>
<header class="header"> <a href="javascript:history.go(-1);"><i></i></a>
    <h1>店铺</h1>
</header>
<header class="shopHeader clearfix"> <i class="logo"></i>
    <div class="shopSearch"> <span>合肥市<b></b></span> <span><b></b>
        <input type="text" placeholder="输入店铺名">
        </span> </div>
    <i class="user"></i> </header>
<aside>
    <div class="layer"></div>
    <ul class="topSelect">
        <li class="category clearfix">
            <ul class="oneCategory" >
                <li class="active">一级分类 </li>
                <li>一级分类</li>
                <li>一级分类</li>
                <li>一级分类</li>
            </ul>
            <ul class="twoCategory">
                <li>
                    <ul class="twoCategoryList">
                        <li>二级分1类</li>
                        <li>二级分类1</li>
                        <li>二级分1类</li>
                    </ul>
                </li>
                <li>
                    <ul class="twoCategoryList">
                        <li>二级分类2</li>
                        <li>二级分2类</li>
                        <li>二级分2类</li>
                    </ul>
                </li>
                <li>
                    <ul class="twoCategoryList">
                        <li>二级分2类</li>
                        <li>二级分3类</li>
                        <li>二级分2类</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="selectAddress clearfix"  style="display:none" id="city_4">
            <ul class="addressTitle">
                <li>省</li>
                <li>市</li>
                <li>县</li>
            </ul>
            <ul class="provinceAddress prov"  >
                <li  class="active">一级分类</li>
                <li>一级分类</li>
                <li>一级分类</li>
            </ul>
            <ul class="cityAddress city" disabled="disabled">
                <li  class="active "  >一级分类</li>
                <li>一级分类</li>
                <li>一级分类</li>
            </ul>
            <ul class="distAddress dist"  disabled="disabled">
                <li  class="active">一级分类</li>
                <li>一级分类</li>
                <li>一级分类</li>
            </ul>
        </li>
        <li class="ranking">
            <ul>
                <li>销量</li>
                <li>好评</li>
            </ul>
        </li>
    </ul>
</aside>
<article class="shopCenter">
    <section class="choice">
        <ul class="clearfix">
            <li class="active">全部分类<i></i> </li>
            <li>区域选择<i></i></li>
            <li>智能排序<i></i></li>
        </ul>
    </section>
    <section class="shopLabel">
        <ul class="clearfix">
            <li class="active">一乡一特色</li>
            <li>海淘</li>
            <li>日本直邮</li>
            <li>农鲜产品</li>
        </ul>
    </section>
    <section class="productList">
        <ul>
            <li class="clearfix">
                <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productInfo">
                    <h2>这里显示店铺名称这里显示店铺名称这里显示店铺名称这里显示店铺名称这里显示店铺名称</h2>
                    <p><span class="yellow"><i></i><i></i><i></i><i></i><i></i></span><em></em>好评<b>98%</b></p>
                    <p><span><i></i>0.5km</span><span>安徽省合肥市蜀山区长江大路12001安徽省合肥市蜀山区长江大路12001安徽省合肥市蜀山区长江大路12001安徽省合肥市蜀山区长江大路12001</span></p>
                </div>
            </li>
            <li class="clearfix">
                <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productInfo">
                    <h2>这里显示店铺名称</h2>
                    <p><span class="blue"><i></i><i></i><i></i><i></i></span><em></em>好评<b>98%</b></p>
                    <p><span><i></i>0.5km</span><span>安徽省合肥市蜀山区长江大路12001</span></p>
                </div>
            </li>
            <li class="clearfix">
                <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productInfo">
                    <h2>这里显示店铺名称</h2>
                    <p><span class="orange"><i></i><i></i></span><em></em>好评<b>98%</b></p>
                    <p><span><i></i>0.5km</span><span>安徽省合肥市蜀山区长江大路12001</span></p>
                </div>
            </li>
            <li class="clearfix">
                <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productInfo">
                    <h2>这里显示店铺名称</h2>
                    <p><span class="red"><i></i><i></i></span><em></em>好评<b>98%</b></p>
                    <p><span><i></i>0.5km</span><span>安徽省合肥市蜀山区长江大路12001</span></p>
                </div>
            </li>
        </ul>
    </section>
    <p class="shopMore">上滑加载更多~~~</p>
</article>
<script type="text/javascript" src="js/jquery.cityselect.js"></script>
<script src="js/shop.js" type="text/javascript"></script>